<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎使用</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<h1>欢迎使用</h1>
<a href="javascript:logout()">退出登录</a>
<a href="javascript:getUserInfo()">获取用户信息</a>
</body>

<script>
    function getUserInfo() {
        // axios.get('http://localhost:8080/welcome').then((response) => {
        //     // 处理成功情况
        //     console.log(response);
        // }).catch( (error) => {
        //     // 处理错误情况
        //     console.log(error);
        // }).finally(() => {
        //     // 总是会执行
        // });
        let token = window.localStorage.getItem("loginToken");
//通过配置方式，请求后端
        axios({
            method: 'get',
            url: 'http://localhost:8085/welcome',
            responseType: 'json',
            // 自定义请求头
            headers: {'token': token},
        }).then(function (response) {
                console.log(response)
        });
    }
    function logout() {
        // axios.get('http://localhost:8085/user/logout').then((response) => {
        //     // 处理成功情况
        //     console.log(response);
        // }).catch((error) => {
        //     // 处理错误情况
        //     console.log(error);
        // }).finally(() => {
        //     // 总是会执行
        // });
        let token = window.localStorage.getItem("loginToken");
//通过配置方式，请求后端
        axios({
            method: 'get',
            url: 'http://localhost:8085/user/logout',
            responseType: 'json',
            // 自定义请求头
            headers: {'token': token},
        }).then(function (response) {
            console.log(response)
        });
    }
</script>
</html>